<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        p{
            color:red;
            color: #F00;
            color: #FF0;
            color: #FF9;
            color: #FFF;
            color: #000;
            color: #4813a9;
            color: #FF0000;
            color: #2266dd;
            color: #26d;   /* 两两相同时, 可简化 */
            color: rgb(255, 0, 0);
            color: rgb(255, 255, 0);
            color: rgb(0, 0, 0);
            color: rgb(255, 255, 255);
            color: rgb(100,200,50);
            color: rgba(100,200,50,1);    /* 完全不透明 */
            color: rgba(100,200,50,0);    /* 完全透明 */ 
            color: rgba(100,200,50,0.5);  /* 半透明*/
            color: rgba(100,200,50,0.8);  
            color: rgba(100,200,50,0.2);  
            color: rgb(68,182,110);
            color: hsla(0, 100%, 50%, 0.5); 
            color: transparent;
        }
        
    </style>
</head>
<body>
    <!-- 
        1. color
            * 单词
            * HEX   十六进制    基数范围:0-9 a-f
                    #rrggbb
                    #rgb
            * RGB (R, G, B)
            * RGBA(R, G, B, A)
              R:red
              G:green
              B:blue
              A: 0~1 透明度 可小数
              数值范围: 0~255
            * HSL(H,S,L)
            * HSLA(H,S,L,A)
                H: 色调 0~360     
                0/360: red   120: green 240:blue
                S: 饱和度 0% ~ 100%    颜色鲜艳
                L: 亮度   0% ~ 100%
                A: 透明度. 0~1  可小数
            *transparent    透明色 相当于 rgba(0,0,0,0)
        
        2. opacity  透明度
            数值范围: 0~1 可小数

            opacity 任意元素都可以透明
            color   只能文字透明

     -->

     <p>马上要回家了 有点happy</p>
</body>
</html>